<template>
    <div id="collapse">
        <h3>查询结果</h3>
        <el-collapse v-model="activeNames" @change="handleChange" v-for="(item,index) in Name" :key="index">
            <el-collapse-item :title="item.name" :name="index">
                <el-descriptions title="站点信息">
                    <el-descriptions-item label="所在地">{{ Location }}</el-descriptions-item>
                    <el-descriptions-item label="手机号">{{ item.tel }}</el-descriptions-item>
                    <el-descriptions-item label="备注">
                        <el-tag size="small">菜鸟驿站</el-tag>
                    </el-descriptions-item>
                    <el-descriptions-item label="联系地址">{{ item.address }}</el-descriptions-item>
                </el-descriptions>
            </el-collapse-item>
        </el-collapse>
    </div>
</template>

<script>
export default {
    name: "collapse",
    props: ['Name', 'Location']
}
</script>

<style lang="scss" scoped>
h3 {
    margin-bottom: 20px;
}

.show {
    margin: 20px;
    padding: 20px;
}
</style>